	*{list-style:  none; padding: 0; margin: 0; text-decoration: none;}
img {display: block;}
.top{float: left;}
.top1{float: left;}
.top2{float: left;}
.header_home{
	background:url(../img/background1.jpg) no-repeat left top/100%;
	width: 100%;
	float: left;
	overflow:  hidden;
}
.sec{
	float: left;
	width: 100%;
}
.sec_header{
	height: 76px;
	width: 100%;
	float: left;
	background: #000000;
	/*opacity: 0.9;*/
}
.sec_font h3{
	text-align: center;
	color: #fff;
    font-size: 38px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 2px;
}

.scro3 h3{
	text-align: center;
	color: #03385a;
    font-size: 38px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 2px;
}

.banner h3{
	text-align: center;
	color: #fff;
    font-size: 38px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 2px;
}

.end_img h3{
	margin-top: 80px;
	text-align: center;
	color: #484848;
    font-size: 38px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 2px;
}

.three_font h3{
	color: #4da7e6;
	text-align: center;
    font-size: 38px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 2px;}

.sec_logo{
	width: 1200px;
	margin:0 auto;
	height: 76px;
	}
.logo_left{
	float: left;
	height: 76px;
}
.logo_phone{
	float: left;
	margin-left: 4%;
	margin-top: 13px;
}
.logo_phone1{
	float: left;
	margin-left: 4%;
	margin-top: 20px;
}

.header_nav{
	float: right;
	width: 60%;
	margin-top: 25px;
	}



.header_nav ul  li{
	float: left;
	color:#b7b7be;
	margin-right: 7%;
}




.header_nav ul li:nth-last-of-type(1){
	margin-right: 0;
}


.logo_icon{
	margin-right: 1%;
}	

.three_ul ul{ overflow: hidden;margin: 0 auto;}
/*第三版*/
.three_ul ul li{
	float: left;
	/*margin-left: 5%;*/
	width:33.3%;
	text-align: center;
}
.three_ul ul li img{
	display: inline-block;
	vertical-align: top;
}
.three_ul ul li:nth-child(1){float: left;margin: 0;}


/*第四版*/
.bac4_ul ul {float: left;}
.bac4_ul ul li{
	float: left;
	margin-right:40px;
	margin-top: 5%;
	width: 260px;
}
/*最后一版*/
.end_ul ul{width: 100%;}
.end_ul ul li{text-align: left; width: 50%;float: left;height: 32px;line-height: 32px;margin-top: 20px;padding-left:10%;}
.end_ul ul li div{vertical-align:top;  display: inline-block;}

.end_ul ul li div span img{margin-top:6px;width:32px;}
.end_ul ul li div p{font-size: 32px;}
.end_ul ul li a{color: #333;}
/*顶部*/
.header_ul  li{
	cursor: pointer;
	color:#fff;	
}
.active_span{display: block;width: 20px;height: 21px;background: url(../img/icon.png);float: left;}


/*.sec_box div{margin-bottom: 5%;}*/


.fuwu-list div{height: 50px;line-height: 50px;font-size: 20px;margin-left: 66px;}

.fuwu-list div:first-child{margin-top: 10px;}

.fuwu-list div p{color: #586d7e;font-size: 24px;line-height: 50px;height: 50px;letter-spacing: 1px;}

.fuwu-list div p  span{color: #003150;font-size:24px;line-height: 50px;height: 50px;letter-spacing: 1px;}

.bac4_ul ul li div h4{color: #003e65;font-size: 22px;line-height: 50px;}

.bac4_ul ul li div p{color: #647c92;font-size: 15px;line-height: 2em;text-align:center; }


.sec_imgfont{width: 45%;}

.sec_imgfont h3{font-size: 36px;line-height: 60px;}

.sec_imgfont p{font-size: 20px;line-height: 30px;}


/*脚部*/
.home_footer{
    padding: 14px 16px;
    background-color: rgba(35, 31, 32, 1);
    color: rgba(255, 255, 255, 1);
    text-align: center;
    font-size:14px;
    float:left;
    width: calc(100% - 32px);
}

.articles h2 + * { flex-grow: 1; margin-top: 28px; padding: 0 36px; font-size: 1.5em; }
    .articles p { margin-bottom: 28px; }
    .articles blockquote { padding: 0 21px; font-style: italic; }
        .articles blockquote > i:first-child,
        .articles blockquote > i:last-child { margin: 14px 0; display: block; font-size: 1.75em; font-style: italic; }
        .articles blockquote > i:first-child { margin-left: -21px; text-align: left; }
        .articles blockquote > i:last-child { margin-right: -21px; text-align: right; }
        .articles blockquote author { display: block; text-align: right; }
		
		
		.news h2 { flex-grow: 1; }
.news ul { flex-grow: 5; width: 100%; }
    .news li { list-style-type: none; }
        .news li h3 {
            position: relative;
            margin-top: 14px;
            margin-bottom: 21px;
            padding-top: 35px;
            padding-bottom: 21px;
            text-align: center;
        }
            .news li h3:after {
                position: absolute;
                right: 35%; bottom: 0; left: 35%;
                display: inline-block;
                content: '';
                height: 1px;
                background-color: rgb(48, 48, 48);
            }
            .news li h3 time {
                position: absolute;
                top: 0; right: 0;
                line-height: 20px;
                font-size: 14px;
                color: #666;
                text-transform: uppercase;
            }
        .news li p { padding: 0 21px; font-size: 1.5em; }
            .news li p img { max-width: 100%; }
			.portfolio { text-align: center; }
    .portfolio .horizontal-gallery { flex-grow: 1; width: 100%; overflow: hidden; }
        .portfolio .horizontal-gallery ul {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 14px;
            margin: 56px 0;
            width: 100%;
            padding: 0;
        }
            .portfolio .horizontal-gallery li {
                margin-bottom: 56px;
                list-style-type: none;
                display: block;
                width: 100%;
            }
                .portfolio .horizontal-gallery li a {
                    position: relative;
                    display: inline-block;
                    height: 100%;
                    color: rgba(255, 255, 255, 1);
                    text-decoration: none;
                }
                    .portfolio .horizontal-gallery li a figure { height: 100%; padding-bottom: 56px; }
                    .portfolio .horizontal-gallery li a img { width: 100%; }
                    .portfolio .horizontal-gallery li a figcaption {
                        position: absolute;
                        right: 0; bottom: 0; left: 0;
                        margin: 0;
                        margin-bottom: 7px;
                        display: inline;
                        width: auto;
                        font-size: 1.5rem;
                        color: rgba(255, 255, 255, 1);
                    }
                    .portfolio .horizontal-gallery li a figcaption:after {
                        position: absolute;
                        right: 50%;
                        bottom: -2px;
                        left: 50%;
                        display: inline-block;
                        content: '';
                        height: 1px;
                        background-color: rgba(255, 255, 255, 1);
                        opacity: 0;
                        -moz-transition: .3s, opacity .1s;
                        -ms-transition: .3s, opacity .1s;
                        -o-transition: .3s, opacity .1s;
                        -webkit-transition: .3s, opacity .1s;
                        transition: .3s, opacity .1s;
                    }
                    .portfolio .horizontal-gallery li a:hover figcaption:after { right: 5%; left: 5%; opacity: 1; }
					.our-partners { text-align: center; }
    .our-partners > content.container { justify-content: flex-start; }

.our-partners ul { margin: 0; padding: 0; padding-top: 28px; }
    .our-partners li { list-style-type: none; padding-top: 14px; padding-bottom: 14px; line-height: unset; }
        .our-partners li a {
            display: inline-block;
            width: 100%;
            font-size: 30px;
            color: rgba(48, 48, 48, 1);
            text-decoration: none;
        }
            .our-partners li a figure { margin: 0; }
                .our-partners li a img { display: inline-block; height: 100px; }
                .our-partners li a img + figcaption { display: none; }
                .our-partners li a img.with-name + figcaption { display: inline-block; line-height: 100px; }

                .our-partners li a img.square-logo { height: 150px; }
                .our-partners li a img.long-logo { margin: 0 auto; height: 90px; }
                .our-partners li a img.long-logo + figcaption { display: none; }
.m-slide .img p{
    line-height: 30px;
    width: 98%;
    margin: 0 auto;
    text-indent: 2em;
    color: #fff;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow: ellipsis;
  margin-top: 22%;
}
.page1{
    position: absolute;
    top: 500px;
    right: 0;
    width: 35%;
    height: 50px;
    float: right;
    line-height: 50px;
    text-align: center;
    
}
.page1 span{color: #fff;}
.page1 a{
    color: #fff;
    border: 1px solid #41a1f2;
    border-radius: 4px;
    margin: 0 5px;
    padding: 4px 5px;
}
.page2{
    position: absolute;
    top: 500px;
    right: 0;
    width: 35%;
    height: 50px;
    float: right;
    line-height: 50px;
    text-align: center;
    
}
.page2 span{color: #fff;}
.page2 a{
    color: #fff;
    border: 1px solid #41a1f2;
    border-radius: 4px;
    margin: 0 5px;
    padding: 4px 5px;
}
.page3{
    position: absolute;
    top: 500px;
    right: 0;
    width: 35%;
    height: 50px;
    float: right;
    line-height: 50px;
    text-align: center;
    
}
.page3 span{color: #fff;}
.page3 a{
    color: #fff;
    border: 1px solid #41a1f2;
    border-radius: 4px;
    margin: 0 5px;
    padding: 4px 5px;
}
.page4{
    position: absolute;
    top: 500px;
    right: 0;
    width: 35%;
    height: 50px;
    float: right;
    line-height: 50px;
    text-align: center;
    
}
.page4 span{color: #fff;}
.page4 a{
    color: #fff;
    border: 1px solid #41a1f2;
    border-radius: 4px;
    margin: 0 5px;
    padding: 4px 5px;
}

.m-slide .img a {
	 height: 500px;
    display: flex;
    align-items: center;
}
.m-slide .img img {
    width: 100%;
    margin: 0 auto;
    max-height:800px;
}
.titleone .on{
   color: #ddb40f;
}

